<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>对象解构</title>
  <script type="text/javascript">

    let monster={name:"牛魔王",age:800}
    //传统方式取出属性
    console.log(monster.name,monster.age)

    //es6对象解构
    // let{name,age}=monster  //注意name和age要和monster属性对应
                            //名字不能改变(不能写成namex等)
    //顺序无所谓
    //例如
    let{age,name}=monster
    console.log("name=",name,"age=",age)

    //还有其他方式使用解构
    function f1({name,age}){ //注意名字要一致，不能写成namex,agex
      console.log("name=",name,"age=",age)
    }

    f1(monster)

  </script>
</head>
<body>

</body>
</html>